@charset "utf-8";

/*container*/
.container { background: #eaeaea; }
.all-title { float: left; }
.all-title span { display: block; font-size: 24px; color: #576068; width: 96px;  overflow: hidden; height: 45px; }
.all-title em { border-top: 3px solid #0070d6;  font-size: 14px; color: #0070d6; }
.at a { display: block; float: right; padding: 5px 10px; background: #576068; font-size: 14px; color: #fff!important; margin-top: 15px; }
.at a:hover { background: #0070d6;  color: #fff; }
/*aArea*/
.aArea { padding-bottom: 37px; }
.aArea .hd { padding: 36px 0;  }
.aArea .hd  ul { float: right;  height: 50px; padding-right: 6px; margin-top: 10px; width:595px }
.aArea .hd  ul li a { color: #fff; }
.aArea .hd  ul li.on { background: #0070d6; color: #fff; }
.aArea .hd  ul li { display: inline-block; *display: inline; zoom: 1; cursor: pointer; font-size: 18px; color: #fff; background: #77838e; height: 38px; line-height: 38px; margin-top: 6px; margin-left: 6px; padding: 0 8px; }
.aArea .bd0  ul li { float: left; width: 195px; margin-right:5px; position: relative; height: 205px; overflow: hidden; margin-bottom: 31px; }
.aArea .bd0  ul li span { display: block; }
.aArea .bd0  ul li em { display: block; font-size: 26px; text-align: center; }
.aArea .bd0  ul li i { font-style: normal; font-size: 14px; }
.aArea .bd0  ul li .dark {position: absolute; z-index: 999; width:195px; height: 205px; background:url(../images/dark.png) repeat;}
.aArea .bd0  ul li .dark a { color: #ffffff; font-size: 14px;text-align: center; display: block; line-height: 165px; }
.aArea .hd0 { position: absolute; z-index: 99; margin-top: 610px; width: 1002px; text-align: center; }
.aArea .hd0 li { display: inline-block; *display: inline; zoom: 1; cursor: pointer; width: 51px; height: 3px; background: #b0b6bc; font-size: 0; margin: 0 5px; }
.aArea .hd0 li.on { background: #0070d6; }
.pic-list { min-height: 400px; margin-top:20px }

/*bArea*/
.bArea .wrap { text-align: center; }
.bArea .img { position: relative; z-index: 0; left: 50%; margin-left: -960px; text-align: center; width: 1920px;  }


/*cArea*/
.cArea { background: url(../images/d.png) center top no-repeat; width: auto; height: 535px; }
.about-us {}
.about { float: left; width: 199px; }
.about { text-align: center; margin-left: 18px; position: relative; margin-top: -58px; }
.about span { font-size: 24px; color: #ffffff; border-bottom: 3px solid #fff; padding-bottom: 5px; }
.about p { margin-top: 10px; font-size: 14px; color: #fff; text-transform: uppercase; }
.us { float: right; width: 706px; color: #ffffff; line-height:22px; margin-top: 28px; }
.us a { color: #c1c1c1; }
.slide-about { margin-top: 38px; }
.slide-about .sa li { float: left; width: 250px; text-align: center; }
.slide-about .sa li span { display: block; font-size: 14px; color: #fff; margin-top: 10px; }
.slide-about .sa li img { border: 2px solid #fff; }
.slide-about .hd { position: absolute; z-index: 999; width: 1002px; text-align: center; margin-top: 214px; }
.slide-about .hd li { display: inline-block; *display: inline; zoom: 1; cursor: pointer; font-size: 0; margin: 0 5px; width: 53px; height: 3px; background: #c1bbba; }
.slide-about .hd li.on { background: #fff; }

/*dArea*/
.dArea { margin-top: 50px; padding-bottom: 50px; }
.sp-list { margin-top: 33px; }
.sp-list li { float: left; width: 219px; text-align: center; margin-right: 22px; position: relative; z-index: 0; height: 226px; overflow: hidden; padding: 8px; }

.sp-list li span { display: block; background: #dddddd; padding: 15px 0; }
.sp-list li span em{ display: block; width: 108px; height: 3px; background: #0070d6; margin: 10px auto 0; }
.sp-list li:hover img { transform: scale(1.1); }
.sp-list li:hover span { transform: scale(1.1); background: #0070d6; color: #fff; }
.sp-list li:hover span em { background: #fff; }
.sp-list li .dark0 { position: relative; z-index: 99; background: url(../images/dark.png) repeat; width: 245px; height: 187px; margin-left: -8px; text-align: left!important; }
.sp-list li .dark0 p { padding: 40px; line-height: 22px; color: #fff; }
.sp-list li .dark0 a { display: block; color: #fff; text-align: center; text-decoration: underline;  }

.eArea { padding: 0 0 30px; }
.eArea .hd { padding: 36px 0;  }
.eArea .hd  ul { float: right; height: 32px; padding-right: 6px; margin-top: 10px; }
.eArea .hd  ul li { display: inline-block; *display: inline; zoom: 1; cursor: pointer; width: 111px; text-align: center; font-size: 18px; color: #fff; background: #77838e; height: 32px; line-height: 32px; margin-top: 6px; margin-left: 6px; padding: 0 8px; }
.eArea .hd  ul li.on { background: #0070d6; }

.sn-img  { float: left; width: 475px; }
.sn-img .date { background: #0070d6; color: #fff; width: 94px; height: 87px; text-align: center; position: relative; z-index: 99; top: -296px; }
.sn-img .date span { display: block; font-size: 48px; }
.sn-img .date em { display: block; font-size: 14px; position: relative;top: -10px; }
.sn-img p { min-height: 36px; }
.short-intro { background: url(../images/dark.png) repeat; position: relative; margin-top: -165px; padding: 5px; }
.short-intro h2 a { display: block; font-weight: normal; color: #fff; font-size: 18px; }
.short-intro p { color: #fff; margin-top: 5px; }
.short-intro p a { color: #fff; }

.short-list { float: right; margin-bottom: 16px; }
.short-list:hover { transform: scale(1.05); }
.short-list:hover .dam { background: #0070d6; }
.short-list:hover .dam span { color: #fff; }
.short-list:hover .com { background: #dddddd; padding-left: 5px; }
.short-list:hover .com h2 a,.short-list:hover .com p { color: #576068; }
.dam { float: left; width: 83px; text-align: center; background: #576068;  padding: 10px 0; }
.dam span { display: block; font-size: 36px; color: #0070d6; }
.dam em { display: block; font-size: 14px; position: relative; margin-top: -7px; color: #fff; }
.com { float: right; width: 398px; background: #576068; height: 68px; padding: 10px 10px 10px 0; }
.com h2 a { font-size: 18px; color: #fff; font-weight: normal; }
.com p { color: #fff; line-height: 22px; }
.lim { position: absolute; z-index: 99; width: 877px; text-align: right; margin-top: 30px; font-size: 0; }
.lim a { display: inline-block;  *display: inline;  zoom: 1;  width: 112px;  height: 40px;}

#product_list_page li{float: left;width: 33.3333%;margin-bottom: 15px}
#product_list_page li a {display:block;width:220px;height: 200px;overflow: hidden;border: 1px solid #ddd;text-align: center;margin:0px auto;transition: all 0.5s;background:#fff;}
#product_list_page li img{width: 100%;height: 100%;transition:all 0.5s;}
#product_list_page li:hover img {transform:scale(1.2);}
#product_list_page li:hover a {box-shadow: 0px 5px 20px rgba(0,0,0,.2);}
#product_list_page li p{text-align: center;height: 24px;}

#photo_list_page li{float: left;margin: 0px 6px 0px 6px;}
#photo_list_page li a {display:block;width:200px;height: 200px;overflow: hidden;border: 1px solid #ddd;}
#photo_list_page li img{width: auto;height: 100%;transition:all 0.5s;}
#photo_list_page li:hover img {transform:scale(1.2);}
#photo_list_page li p{text-align: center;height: 24px;}

.pic_con_box{*zoom:1;} 
.pic_con_box:before,.pic_con_box:after {display:table; line-height:0; content:"";}
.pic_con_box:after{clear:both;}

#page_box{border-top:1px solid #ddd; text-align:left;padding:10px 5px;font-size:12px; margin-top:10px;}
/*#page_box a{float:left;border:1px solid #dedede;margin-right:5px;padding:0px 3px;color:#999; border-radius:5px; text-shadow:-1px -1px 0px #fff; background:#fff;}*/


#article_list_page li{background:url(../images/arrow3.gif) 6px center no-repeat; padding:0px 10px 0px 18px; border-bottom:1px solid #eee; height:36px; line-height:36px;}
#article_list_page span{float:right;font-size:10px;}

#article_list_page a:link,a:visited {color: #444;text-decoration: none;}a:hover,a:active {text-decoration: none;}

/*.container2{width: 835px}
.panel-head{width: 690px;overflow: hidden;}*/
#main_box {width: 750px;margin: 0px auto;}
.panel{border:solid 1px #ddd;border-radius:4px;}
.panel-head{background-color:#f5f5f5;padding:10px 15px;border-radius:4px 4px 0 0;border-bottom:solid 1px #ddd;}
.panel-foot{background-color:#f5f5f5;padding:10px 15px;border-radius:0 0 4px 4px;border-top:solid 1px #ddd;}
.panel-body{padding:15px;}
.panel .bg-main,.panel .bg-sub,.panel .bg-dot,.panel .bg-red,.panel .bg-yellow,.panel .bg-green{color:#fff;}
.panel .panel-body + .table, .panel .panel-body + .list-group{border-top:solid 1px #ddd;}
.panel .list-group{border:none;border-radius:0;}
.border-yellow,.border-yellow .button,.border-yellow .tab-nav li a,.border-yellow .tab-body,.button.bg-yellow,.selected.border-yellow,.pointer.border-yellow li,.check-warning .input,.nav.border-yellow .active a,.nav.nav-tabs.border-yellow,.nav-main.border-yellow a, .nav-main.border-yellow .nav-head,.pagination.border-yellow li,.pager.border-yellow a
{border-color:#f60;}
.text-big{font-size:16px;}
.guestbook_info {margin: 15px 0px 15px 0px;}
.float-left{float:left !important;}
.fr_box{float: right;}

.pic_box_picimg1 img{width:226px;height: 176px;}
.pic_box_picimg2 img{width:226px;height: 176px;}
.clone ul-img img{width: 232px;height: 152px;}


.text-more{float:right;padding-right:10px;background:url(../images/textmore-img.png) left no-repeat;color:#888;text-indent:15px;font-size:12px}
.panel-heading>h2{font-weight:400;font-size:16px;line-height:34px}
.panel-heading .text-more{line-height:34px}
.panel-heading.tabs{border:none}
.panel-heading.tabs .text-more{line-height:34px}
.panel-heading.title{border-bottom:2px solid #e50100;border-radius:5px 5px 0 0;background-color:#f5f5f5}
.panel-heading.title>h2{float:left;margin-left:10px;color:#666}
.panel-heading.tabtitle{border-bottom:2px solid #e50100}
.panel-heading.tabtitle>h2{float:left;padding:0 30px;border-radius:5px 5px 0 0;background-color:#e50100;background-position:left;background-repeat:no-repeat;color:#fff}
.panel-body{overflow:hidden;}
.panel-body.padding{padding:15px}
.panel-body.border{border:1px solid #ddd;border-top:none}
.list-group{overflow:hidden;margin:0}
.list-group .list-group-item{list-style:none}
.list-group-title{padding:0}
.list-group-title .list-group-item,.list-group-title .list-group-item a{overflow:hidden;height:30px;line-height:30px}
.list-group-title .list-group-item{background:url(../images/list-icon01.png) left no-repeat}
.list-group-title .list-group-item a{float:left;display:inline-block;width:85%;color:#333;text-indent:15px;font-size:15px}
.panel-body.padding .list-group-title .list-group-item a{width:95%}
.list-group-title .list-group-item a:hover{color:#e50100}
.list-group-btn{width:100%}
.list-group .aslist-group-item{list-style:none}
.list-group-btn .aslist-group-item{ float:left;width:136px;  border:1px solid #ddd;background:url(../images/shadow-white-bg.jpg) bottom repeat-x;text-align:center}
.list-group-btn .aslist-group-item:first-child{margin-top:0}

.list-group-btn .aslist-group-item a{float:left;width:136px;display:block;color:#333;font-size:17px;line-height:44px}
.list-group-btn.home .aslist-group-item a{background-position:10px 50%;background-repeat:no-repeat;color:#549ddd;text-indent:36px;font-weight:700}
.list-group-btn.home .aslist-group-item:first-child a{background-image:url(../images/icon-homebtn01.png)}
.list-group-btn.home .aslist-group-item:first-child+li a{background-image:url(../images/icon-homebtn02.png)}
.list-group-btn.home .aslist-group-item:first-child+li+li a{background-image:url(../images/icon-homebtn03.png)}
.list-group-btn.home .aslist-group-item:first-child+li+li+li a{background-image:url(../images/icon-homebtn04.png)}

.list-group-btn .list-group-item{margin:10px 0 0 0;border:1px solid #ddd;background:url(../images/shadow-white-bg.jpg) bottom repeat-x;text-align:center}
.list-group-btn .list-group-item:first-child{margin-top:0}
.list-group-btn .list-group-item a{display:block;color:#333;font-size:18px;line-height:44px}
.list-group-btn.home .list-group-item a{background-position:75px 50%;background-repeat:no-repeat;color:#549ddd;text-indent:36px;font-weight:700}
.list-group-list .list-group-item{padding:5px 0 9px 0;border-bottom:1px dashed #ddd}
.list-group-list .list-group-item-last{border:none}
.list-group-list.middle .list-group-item{padding:5px 10px 10px 10px}
.list-group-list.img .list-group-item{overflow:hidden}
.list-group-list a{cursor:pointer}
.list-group-list a p{color:#999}
.list-group-list a:hover h2{color:#086bb7}
.list-group-list .div-title{overflow:hidden;height:40px}
.list-group-list.middle .div-title{height:30px}
.list-group-list .text-time,.list-group-list h2{line-height:40px}
.list-group-list h2{float:left;font-weight:400;font-size:18px;line-height:36px}
.list-group-list.middle h2{font-size:16px;line-height:30px}
.list-group-list p{overflow:hidden;height:40px;font-size:12px;line-height:20px}
.list-group-list.img .div-img{float:left}
.list-group-list.img .div-img img{width:100%;height:100px}
.list-group-list.img .div-des{float:right}
.list-group-list.img p{height:60px}
/* list */
.h li {
	float:left;
	_display:inline;
	_white-space:nowrap;
}
.list-t, .list-a, .list-p, .list-b-t, .list-p-t, .list-p-t li, .list-r {
	overflow:hidden;
	zoom:1;
}
.list-t li, .list-a li, .list-p li, .list-b-t li, .list-p-t li, .list-r li {
	position:relative;
	line-height:1.5;
}
.list-t li a {
	overflow:hidden;
	text-overflow:ellipsis;
}
.list-t li a:hover {
	text-decoration:underline;
}
.list-t li span.tag {
	margin-right:5px;
}
.list-t li span.date {
	position:absolute;
	top:0;
	right:0;
	font-size:15px;
}
.list-p li {
	text-align:center;
}
.list-a li a {
	display:inline-block;
}

.div-select{overflow:hidden;padding:20px 0;border:1px solid #ddd;background-color:#f5f5f5; width:1100px; margin:0px auto}
.div-select select{float:left;margin:0 0 0 14px;padding:4px 12px;width:256px}

.pagination {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: bottom
}

.pagination li {
	display: inline-block;
	border: solid 1px #ddd;
	border-radius: 4px
}

.pagination a {
	color: #333;
	padding: 8px 12px;
	line-height: 18px;
	display: block;
	transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s
}

.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {
	cursor: not-allowed;
	pointer-events: none;
	color: #ddd
}

.pagination .active {
	pointer-events: none
}

.pagination .active,.pagination a:hover {
	background: #f5f5f5;
	border-radius: 4px;
	transition: all .3s cubic-bezier(0.175,0.885,0.32,1) 0s
}

.pagination-group {
	border-right: solid 1px #ddd;
	border-radius: 4px
}

.pagination-group li {
	float: left;
	border-right: 0;
	border-radius: 0
}

.pagination-group li:not(:first-child):not(:last-child) {
	border-radius: 0
}

.pagination-group li:first-child {
	border-radius: 4px 0 0 4px
}

.pagination-group li:last-child {
	border-radius: 0 4px 4px 0
}

.pagination-group .active,.pagination-group a:hover {
	background: #f5f5f5;
	border-radius: 0
}

.pagination-big a {
	padding: 10px 16px;
	font-size: 16px
}

.pagination-small a {
	padding: 5px 10px;
	font-size: 12px
}

.pagination.border-main .active a,.pagination.border-sub .active a,.pagination.border-dot .active a,.pagination.border-black .active a,.pagination.border-gray .active a,.pagination.border-red .active a,.pagination.border-yellow .active a,.pagination.border-blue .active a,.pagination.border-green .active a {
	color: #fff
}

.page_right_content2{}
.padding-big{ padding:10px;}
#article_list_page{ margin:10px 0px}
#article_list_page li{height:34px;line-height:34px!important; padding-left: 13px; background: url(../images/dot.png) 0 50% no-repeat; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #d0d0d0; font-size:16px;}
#article_list_page li a{ float:left;}
#article_list_page li span{ float:right;}